<template>
  <div>
    <!-- 标题 -->
    <div class="title">
      <h3>
        <!-- <slot></slot> -->
        {{title}}
        <!-- <slot name="back"></slot> -->
        <span @click="skipMorePage">更多</span>
      </h3>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    skipMorePage() {
      // 跳转到更多页面
      if (this.url != null) {
        this.$router.push(this.url);
      }
    }
  },
  props: {
    title: {
      type: String,
      default: "标题"
    },
    url: [String, Object]
  }
};
</script>
<style lang="less" scoped>
.title {
  h3 {
    margin: 10px;
    color: #777171;
  }
  span {
    float: right;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #999;
  }
}
</style>